<%@ page import="org.springframework.web.context.WebApplicationContext" %>
<%@ page import="com.mg.service.ContractService" %>
<%@ page import="com.github.pagehelper.PageInfo" %>
<%@ page import="com.mg.dto.ContractDto" %>
<%@ page import="java.util.List" %>
<%@ page import="com.mg.service.UserService" %>
<%@ page import="com.mg.model.User" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="../../common/taglibs.jsp" %>
<html>
<head>
    <title>合约管理</title>

</head>
<%
    WebApplicationContext context = (WebApplicationContext) request.getServletContext().getAttribute(WebApplicationContext.ROOT_WEB_APPLICATION_CONTEXT_ATTRIBUTE);
    ContractService contractService = (ContractService) context.getBean("contractServiceImpl");
    UserService userService = (UserService) context.getBean("userServiceImpl");
    ContractDto contractDto = new ContractDto();
    PageInfo<ContractDto> pageInfo = contractService.selectPageInfo(contractDto, 0, 99999);
    List<ContractDto> contractDtoList = pageInfo.getList();
    // 将查询出来的用户信息保存到session对象中
    session.setAttribute("contractDtoList", contractDtoList);
    String contractDtoJson = JsonUtils.toJson(contractDtoList);
    User user = (User) request.getSession().getAttribute(Constants.USER_INFO);
    user = userService.getUser(user.getId());
    String contractId = request.getParameter("contractId");

%>
<%@ include file="../../common/head.builive.inc.jsp" %>
<%@ include file="../../common/session.script.inc.jsp" %>
<link rel="stylesheet" type="text/css" href="${ctx}/pages/contract/css/contractMgr.css">
<style>
    .detail-text {
        margin-top: 5px;
        float: left;
        display: inline;
        height: 40px;
    }
    .form-horizontal .control-label {
        float: left;
        text-align: right;
        line-height: 30px;
        display: inline-block;
        width: 130px;
    }

</style>
<body>
<div class="contract ">
    <div class="doc-content">
        <div class="contract-List panel">
            <div class="panel-header">
                <h3>合约列表</h3>
            </div>
            <div class="panel-body">
                <c:forEach items="${sessionScope.contractDtoList}" var="contract">
                    <c:if test="${contract.stock<1.00}">
                        <span name="contractNameSpan" contractId="${contract.id}">${contract.contractName}【已售罄】</span>
                    </c:if>
                    <c:if test="${contract.stock >=1.00}">
                        <span name="contractNameSpan" contractId="${contract.id}">${contract.contractName}</span>
                    </c:if>
                </c:forEach>
            </div>
        </div>
        <div class="contract-body panel">
            <div class="panel-header">
                <h3>合约内容</h3>
            </div>
            <div class="panel-body">
                <div class="contract-content">
                    <div class="contract_t">
                        <div>
                            <dt>售价（CNY）</dt>
                            <dd>￥0.00</dd>
                        </div>
                        <div>
                            <dt>算力（Mb/s）</dt>
                            <dd>1.00</dd>
                        </div>
                        <div>
                            <dt>电费（元/天）</dt>
                            <dd style="color:#ff8a00;">0</dd>
                        </div>
                    </div>
                    <div class="contract_t2">
                        <div>
                            <dt>管理费</dt>
                            <dd>0.00%</dd>
                        </div>
                        <div>
                            <dt>交割时间</dt>
                            <dd>
                                2018-03-25
                            </dd>
                        </div>
                        <div>
                            <dt>库存</dt>
                            <dd><span name="stock" style="font-size:16px;">0</span>TH/S</dd>
                        </div>
                        <div>
                            <dt>最小购买份数</dt>
                            <dd>10TH/S</dd>
                        </div>
                    </div>
                    <div class="progress-bar">
                        <div class="progress progress-striped">
                            <div class="bar bar-warning" style="width: 100%;"></div>
                        </div>
                    </div>
                    <div style="margin-top: 15px">
                        <label class="text">当前进度100%</label>
                        <label class="text" style="float: right">剩余可售0</label>
                    </div>
                </div>
                <div class="buy" style="margin-top: 10px">
                    <form id="buyForm" class="form-horizo​​ntal">
                        <label>数量：</label>
                        <input name="buynum" class="buynum" type="number">
                        <label>份</label>
                        <label>金额：</label>
                        <span class="buyMoney" style="color:#ff3931;">0元</span>
                        <label>余额：</label>
                        <span style="color:#ff3931;"><%=user.getBalance()%>元</span>
                        <a class="button button-inverse"
                           style="float: right" id="buyBtn">已售罄</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="doc-content introduction" style="float:left;width: 100%;">
        <div class="panel">
            <div class="panel-header">
                <h3>项目简介</h3>
            </div>
            <div class="panel-body contractContent">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                    <tr>
                        <td width="12%">合约类型</td>
                        <td width="38%">
                            <span>现货合约</span>
                        </td>
                        <td width="12">合约单位</td>
                        <td width="38%"><span>1.00MB/s</span></td>
                    </tr>
                    <tr>
                        <td>收益发放时间</td>
                        <td>
                            <span>2018-03-27</span>
                        </td>
                        <td>电费</td>
                        <td><span>1.30元/天</span></td>
                    </tr>
                    <tr>
                        <td>管理费</td>
                        <td><span>20.00%</span></td>
                        <td>结算周期</td>
                        <td><span>日结算</span></td>

                    </tr>
                    <tr>
                        <td width="12%">合约周期</td>
                        <td width="88%" colspan="3"><span>永久，直到10天不产生收益自动停止</span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="doc-content risk-hints" style="float:left;width: 100%;">
        <div class="panel">
            <div class="panel-header">
                <h3>风险提示</h3>
            </div>
            <div class="panel-body riskHints">
                <p>算力合约的价格取决于矿机的市场价格，矿机价格会随以太币行情涨跌而波动，所以算力合约的价格也会根据市场行情而上下浮动</p>
                <p>用户付款认购合约后即锁定当前合约的价格。比特币上涨，已认购的合约不会加价，反之以太币下跌，已认购的合约也不会退款。</p>
            </div>
        </div>
    </div>
    <div class="doc-content" style="float:left;width: 100%;">
        <div class="panel">
            <div class="panel-header">
                <h3>转让市场</h3>
            </div>
            <div class="panel-body">
                <div class="span24 control-group" style="width:100%;margin:20px 5px 5px -10px;text-align: right;">
                    <a href="javascript:;" class="button button-primary" name="contractBtn">发布转让/收购</a>
                </div>
                <div class="row">
                    <form id="contractMgrSearchForm" class="form-horizontal" tabindex="0"
                          style="outline: none;margin-top: 10px">
                        <div class="control-group span8">
                            <label class="control-label">合约：</label>
                            <div class="controls">
                                <select name="contractId" class="searchContractId"></select>
                            </div>
                        </div>
                        <div class="form-actions span4">
                            <button id="btnSearch" type="submit" class="button button-primary">搜索</button>
                        </div>
                    </form>

                </div>
                <div id="tab">
                    <ul>
                        <li class="bui-tab-panel-item active" style="width: 50%">
                            <a onclick="tabMenuClick(0);" style="text-align: center">收购合约列表</a>
                        </li>
                        <li class="bui-tab-panel-item" style="width: 50%">
                            <a onclick="tabMenuClick(1);" style="text-align: center">出售合约列表</a>
                        </li>
                    </ul>
                </div>
                <div>
                    <div id="fileList">
                        <div id="fileListGrid"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 此节点内部的内容会在弹出框内显示,默认隐藏此节点-->
<div id="content" style="display: none;">
    <div id="dialog_tab">
        <ul>
            <li class="bui-tab-panel-item active">
                <a onclick="tabMenuClick(11);" style="text-align: center">发布收购合约</a>
            </li>
            <li class="bui-tab-panel-item">
                <a onclick="tabMenuClick(12);" style="text-align: center">发布出售合约</a>
            </li>
        </ul>
    </div>
    <form id="purchaseInfoForm" class="form-horizontal">
        <div class="row">
            <div class="control-group span14" style="margin-top: 10px;">
                <label class="control-label">合约：</label>
                <div class="controls">
                    <select name="contractId" class="purchaseContractId"
                            data-rules="{number:true,required:true}"></select>
                </div>
            </div>
            <div class="control-group span14">
                <label class="control-label">单价：</label>
                <div class="controls">
                    <input type="text" class="control-text purchasePrice" data-rules="{number:true,required:true}"
                           name="price">
                </div>
            </div>
            <div class="control-group span14">
                <label class="control-label">可购买数量：</label>
                <div class="controls">
                    <input type="text" class="control-text quantity" disabled="disabled" data-rules="{number:true}"
                           name="quantity">
                </div>
            </div>
            <div class="control-group span14">
                <label class="control-label">购买数量：</label>
                <div class="controls">
                    <input type="text" class="control-text" data-rules="{number:true,required : true}" name="totalNum">
                </div>
            </div>
        </div>
    </form>
    <form id="saleInfoForm" class="form-horizontal" style="display: none;">
        <div class="row">

            <div class="control-group span14" style="margin-top: 10px;">
                <label class="control-label">合约：</label>
                <div class="controls">
                    <select name="contractId" class="saleContractId" data-rules="{number:true,required : true}"
                            placeholder="没有合约可用"></select>
                </div>
            </div>
            <div class="control-group span14">
                <label class="control-label">可用数量：</label>
                <div class="controls">
                    <input type="text" class="control-text num" disabled="disabled" name="num">
                </div>
            </div>
            <div class="control-group span14">
                <label class="control-label">单价：</label>
                <div class="controls">
                    <input type="text" class="control-text" data-rules="{number:true,required : true}" name="price">
                </div>
            </div>
            <div class="control-group span14">
                <label class="control-label">数量：</label>
                <div class="controls">
                    <input type="text" class="control-text" data-rules="{number:true,required : true}" name="totalNum">
                </div>
            </div>
        </div>
    </form>
</div>
<div id="purchaseSaleRecordEditFormDialogContent" style="display: none;">
    <form id="purchaseSaleRecordEditForm" class="form-horizontal ">
        <div class="detail-section">
            <input type="hidden" name="id" class="hiddenId"/>
            <input type="hidden" name="contractId"/>
            <input type="hidden" name="userId"/>
            <input type="hidden" name="price"/>
            <input type="hidden" name="type"/>
            <div class="control-group span14">
                <label class="control-label">合约：</label>
                <span class="detail-text spanContractName"></span>
            </div>
            <div class="control-group span14">
                <label class="control-label">最大数量：</label>
                <span class="detail-text maxNum"></span>
            </div>
            <div class="control-group span14 contractNumDiv">
                <label class="control-label">你的合约数量：</label>
                <span class="detail-text contractNum"></span>
            </div>
            <div class="control-group span14">
                <label class="control-label">合约单价：</label>
                <span class="detail-text spanPrice"></span>
            </div>
            <div class="control-group span14">
                <label class="control-label ">合约数量：</label>
                <div class="controls">
                    <input type="text" class="input-normal control-text computingPowerNum"
                           data-rules="{number:true,equired:true,min:1}"
                           name="computingPower">
                </div>
            </div>
            <div class="control-group span14">
                <label class="control-label">订单金额：</label>
                <span class="detail-text spanMoney">--元</span>
            </div>
        </div>
    </form>

</div>
<div id="contractBook" style="display: none;">
    <div class="contractBook">
        <h2>一．项目简介书</h2>
        <div>本项目采用众筹共享挖矿的模式，将矿机的算力进行拆分，大大降低了大家投资区块链项目的门槛，让更多人能享受到新兴行业带来的投资机遇。做为项目的发起方，本公司仅负责场地的搭建，设备及网络的安装、调试和维护，以及收益的变现和发放，为本次项目提供一个安全可靠的运行环境。</div>
        <h3>1. 矿机类型</h3>
        <div class="machine_type_name">蓝宝石RX570,6卡矿机是目前市面上性价比最高的矿机之一</div>
        <div >显卡：<label class="graphics">蓝宝石570，4G显存</label></div>
        <div >显卡数量：<label class="graphics_num">6</label>张</div>
        <div >额定功率：<label class="rated_power">950W±10%</label></div>
        <div>理论算力：<label class="computing_power">950W±10%</label></div>
        <h3>2.	算力</h3>
        <div>算力是指矿机的挖矿能力，本项目最小算力购买量为<label class="min_computing_power">10</label>M</div>
        <h3>3.	算力收益</h3>
        <div>算力对应的矿机在合作方星火矿池https://eth.ethfans.org/#/挖矿，使用PPLNS分配模式，矿池费用仅1%</div>
        <h3>4.	收益结算</h3>
        <div>A.矿池每天下午15：30到次日15：30为一个统计周期，一般在晚上17：00左右发放收益。（具体时间会受以太坊网络拥堵情况，钱包服务商入账情况影响）。本公司一般会在19：00左右发放收益到客户账户，如遇到银行系统问题，收益发放时间将延长至24小时之内。</div>
        <div>B.当日的币价以火币网https://www.huobipro.com/zh-cn/btc_usdt/exchange/下午15：30分ETH的价格为准，进行结算。如果该平台存在技术或者网络问题，本公司有权更换交易平台而不再另行通知</div>
        <div>C.实际收益为算力的收益扣除电费，以及管理费后的收益。例如某用户购买了10M的算力，当天下午15：30分，每100M算力的收益为50，则该用户昨天的收益5-0.65-5×10%=3.85</div>
        <h3>5.	电费</h3>
        <div>电费按<label class="electricity_fee">0.65</label>元/10M/天计算，在每天的收益里扣除</div>
        <h3>6.	管理费</h3>
        <div>管理费根据购买算力的份额不同，也会有所不同。本公司会收取挖矿产出的7%-10%做为管理费，在每天的收益里扣除。管理费包括：矿池手续费，交易所交易手续费，矿场日常维护，矿机维护，突发险情以及其他涉及矿场正常运行的支出费</div>
        <h3>7.	合约期限及中止</h3>
        <div>A.本合约期限为3年，3年之后若算力对应的标的设备依然能够正常运行，则合约自动延续，直到该设备无法运行为止</div>
        <div>B.	当连续10天挖矿的收益不足以覆盖电费时，则本合约自动中止</div>
        <div>C.	因为国家政策，自然灾害或其他不可抗力因素影响</div>
        <h3>8.	算力转让</h3>
        <div>本项目的算力一旦售出，概不回收。本公司提供了算力转让平台，用户可在平台内与其他用户之间进行算力的购买或者出售</div>
        <h2>二 风险提示书</h2>
        <div>尊敬的用户，为了让您充分了解投资交易可能存在的风险，特提供本风险提示书。若您选择购买本次合约份额，则视为您已经阅读本风险提示书，并自愿承担本次投资交易所带来的风险。鉴于本次投资交易存在风险并可能导致投资人产生亏损，请你根据自身的情况慎重考虑自身情况是否合适进行此类投资交易，并确定可以自行承担风险和亏损，包括但不限于：</div>
        <h3>1.	政策及法律法规风险</h3>
        <div>国家法律、法规、规章及政策的变化，紧急措施的出台，相关监管部门监管措施的施行，矿池，交易所等交易规则的修改，均可能会对客户的投资产生影响，客户需自行承担由此导致的亏损</div>
        <h3>2.	市场风险</h3>
        <div>区块链做为一个新兴行业，目前很多方面并不成熟。而ETH的价格受到多种因素的影响，且影响的机制复杂，因此根本无法预测未来某一段时间的价格，存在着出现较大亏损的可能，客户需承担由此导致的一切亏损</div>
        <h3>3.	不可抗力风险</h3>
        <div>诸如地震，台风，火灾，水灾等不可抗力因素可能导致矿场或者矿机无法正常运作，以及其他不可预见，不可避免，不能克服的客观情况。客户应充分了解并承担由此造成的全部亏损</div>
        <h3>特别提示：本公司敬告投资人，本提示书所列举的事项并不能详细列明投资交易的全部风险和可能影响投资收益的所有情况，其他不可预见的风险因素也可能会给投资人带来损失。投资人在确认投资前应确保自己已经做好了足够的风险评估和财务安排。我们再次郑重的提醒投资人</h3>
        <div>A.	请合理分配投入资金，不要以全部资产投入认购本次合约</div>
        <div>B.	不要拿自用住房抵押贷款或者其他途径的借款来参与此项目</div>
        <div>C.	认真分析自身的资产状况，留有足够的资金，以备不时之需</div>
        <h2>
            三、本人已认真阅读并理解项目介绍及风险提示书，自愿接受本合约的所有条款，并愿意承担由此带来的所有风险及损失。
        </h2>
    </div>


</div>

<script type="text/javascript">
    var contractDtoList =<%=contractDtoJson%>;
    var user =<%=JsonUtils.toJson(user)%>;
    var reqContractId =
    <%=contractId%>
</script>

<script type="text/javascript" src="${ctx}/pages/contract/js/contractMgr.js"></script>
</body>
</html>